<style lang='scss' scoped>
.right-side {
    height: 78vh;
    width: 100%;
    width: 25vw;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
}
.right-side-clothes-content {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    box-sizing: border-box;
}
.clothes {
    width: 8vw;
    height: 120px;
    padding: 5px;
    margin-bottom: 15px;
}
</style>

<template>
    <div class="right-side flex-vertical-box">
        <div>搭配历史</div>
        <scrollView class="scrollView flex-auto">
            <div class="right-side-clothes-content">
                <div class="clothes" v-for="i in 20" :key="i">
                    <clothes-item></clothes-item>
                </div>
            </div>
        </scrollView>
    </div>
</template>

<script>
import clothesItem from './components/clothes-item'
import scrollView from '@/components/scrollView'
export default {
    components: {
        clothesItem,
        scrollView
    },
    data() {
        return {}
    }
}
</script>